<template>
	<view>
		<view class="wrap">
			<u-swiper :list="list"></u-swiper>
		</view>

		<!-- 分隔线 -->
		<view class="dividingLine"></view>

		<!-- 图标 -->
		<u-row gutter="16">
			<u-col span="4">
				<view class="icon-flex" @click="entryinformation">
					<image class="icon-img" src="../../static/index/finance.png" mode=""></image>
					<view class="icon-text">我的档案</view>
				</view>
			</u-col>

			<u-col span="4">
				<view class="icon-flex" @click="wages">
					<image class="icon-img" src="../../static/index/finance.png" mode=""></image>
					<view class="icon-text">我的工资</view>
				</view>
			</u-col>

			<u-col span="4">
				<view class="icon-flex" @click="attendance">
					<image class="icon-img" src="../../static/index/finance.png" mode=""></image>
					<view class="icon-text">我的考勤</view>
				</view>
			</u-col>

			<u-col span="4">
				<view class="icon-flex" @click="leave">
					<image class="icon-img" src="../../static/index/finance.png" mode=""></image>
					<view class="icon-text">我要请假</view>
				</view>
			</u-col>

			<u-col span="4">
				<view class="icon-flex">
					<image class="icon-img" src="../../static/index/finance.png" mode=""></image>
					<view class="icon-text">我的打卡</view>
				</view>
			</u-col>

			<!-- <u-col span="4">
				<view class="icon-flex">
					<image class="icon-img" src="../../static/index/finance.png" mode=""></image>
					<view class="icon-text">我的加班</view>
				</view>
			</u-col> -->

			<u-col span="4">
				<view class="icon-flex" @click="prove">
					<image class="icon-img" src="../../static/index/finance.png" mode=""></image>
					<view class="icon-text">职工证明</view>
				</view>
			</u-col>

			<u-col span="4">
				<view class="icon-flex" @click="manpoweroverview">
					<image class="icon-img" src="../../static/index/finance.png" mode=""></image>
					<view class="icon-text">人力总览</view>
				</view>
			</u-col>

			<u-col span="4">
				<view class="icon-flex" @click="structuralanalysis">
					<image class="icon-img" src="../../static/index/finance.png" mode=""></image>
					<view class="icon-text">结构分析</view>
				</view>
			</u-col>

			<u-col span="4">
				<view class="icon-flex" @click="salaryanalysis">
					<image class="icon-img" src="../../static/index/finance.png" mode=""></image>
					<view class="icon-text">薪酬分析</view>
				</view>
			</u-col>
		</u-row>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [{
						image: '../../static/hr/carouseltwo.jpg',
						title: '昨夜星辰昨夜风，画楼西畔桂堂东'
					},
					{
						image: '../../static/hr/carouselone.jpg',
						title: '身无彩凤双飞翼，心有灵犀一点通'
					}
					// {
					// 	image: 'https://cdn.uviewui.com/uview/swiper/3.jpg',
					// 	title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳'
					// }
				],
			}
		},
		methods: {
			entryinformation() {
				uni.redirectTo({
					url: '/pages/Finance/entryinformation/EntryInformationList'
				});
			},
			wages() {
				uni.redirectTo({
					url: '/pages/Finance/wages/WagesList'
				});
			},
			attendance() {
				uni.redirectTo({
					url: '/pages/Finance/FinanceList/Attendance'
				});
			},
			leave() {
				uni.redirectTo({
					url: '/pages/Finance/FinanceList/leave'
				});
			},
			prove() {
				uni.redirectTo({
					url: '/pages/Finance/certificateofemployment/ApplicationCertificateList'
				});
			},
			manpoweroverview() {
				uni.redirectTo({
					url: '/pages/Finance/manpoweroverview/ManpowerOverviewList'
				});
			},
			structuralanalysis() {
				uni.redirectTo({
					url: '/pages/Finance/structuralanalysis/StructuralAnalysisList'
				});
			},
			salaryanalysis() {
				uni.redirectTo({
					url: '/pages/Finance/salaryanalysis/SalaryAnalysisList'
				});
			}

		}
	}
</script>

<style lang="scss" scoped>
	.wrap {
		padding: 20rpx;
	}

	// 图标
	.icon-flex {
		padding: 16rpx;
		margin-top: 10rpx;
		text-align: center;

		.icon-img {
			width: 50px;
			height: 50px;
		}

		.icon-text {
			font-size: 14px;
			padding: 10rpx 0;
		}
	}
</style>
